body {
   margin: 0;
   padding: 20px;
   background-color: #f5f5f5;
   font-family: Arial, sans-serif;
}
.container {
   text-align: center; /* 整体内容居中 */
}
h1 {
   color: #333;
   margin-bottom: 30px;
}
/* 乘法表容器样式 */
#multiplication-table {
   display: inline-block; /* 让容器适应内容宽度，实现居中 */
}
/* 每行样式 */
.row {
   height: 40px; /* 固定行高 */
}
/* 单元格样式 */
.cell {
   display: inline-block;
   width: 100px; /* 固定单元格宽度 */
   height: 100%;
   line-height: 40px; /* 文字垂直居中 */
   border: 1px solid #ccc; /* 边框 */
   background-color: #fff; /* 默认背景色 */
   margin: 0 2px 2px 0; /* 单元格间距 */
   transition: all 0.3s; /* 过渡动画，使颜色变化更平滑 */
}
/* 鼠标悬停效果 */
.cell:hover {
   background-color: #4a90e2; /* 悬停时背景色（蓝色） */
   color: white; /* 悬停时文字颜色（白色） */
   border-color: #337ab7; /* 悬停时边=框颜色 */
   transform: scale(1.05); /* 轻微放大效果，增强交互感 */
}
